<script setup>
import {ref} from "vue";

let bgc = ref("red")
let fontSize = ref(16 + "px")
</script>

<template>
  <!-- 传统写法，不绑定 -->
  <h1 style="background-color: red; font-size: 16px">Hello, World!</h1>
  <!-- 动态绑定内联样式——对象语法 -->
  <h1 v-bind:style="{backgroundColor: bgc, fontSize:fontSize}">Hello, World!</h1>
</template>

<style scoped>

</style>